
/*****************
-------注册-------
*****************/
.regback{width:100%; height:100%;background-image: url("../images/pic/regB.jpg"); background-repeat: no-repeat; background-position:center; background-size:cover;  background-color:#174098; background-attachment: fixed}
.regF{background:#FFF;}
.regFH{ color:#000;}
.regFNP{ color:#4d5052;}
.regFNS{width: 100%; background:#fcfdfd; position: relative}
.regFor{color:#a6aaae;border:none;background: #FFF;text-align: center;}
.RegI{flex:1; width:100%;border:none; background:rgba(0,0,0,0); color:#000;}
.RegSel,.RegIs{flex:1; width:100%;border:none; background-color:rgba(0,0,0,0); color:#000;background-position:96% center; background-repeat: no-repeat;}
.RegButa{ background:#174098; color:#FFF;text-align: center;display: block;}
.regche{ color:#7f8182;}
.regche input[type="checkbox"]{ background-color: #fcfdfd; -webkit-appearance:none;vertical-align:middle;display:block;outline:none; background-repeat: no-repeat; background-position:center; background-size: 100%;}
.regche input[type="checkbox"]:checked{ background-image: url("../images/icon/check.png");background-color: #174098;}
.regche a{color:#7f8182;}
.regche a:hover{ color:#174098;}

.regFNS ul{width:100%;overflow-y:auto;background-color:rgba(255,255,255,0.9);position:absolute;display:none;z-index: 2;}
.regFNS ul li{list-style: none;}
.regFNS ul li a{ color:#393d46; display:block;text-decoration:none;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.regFNS ul li a:active,.regFNS ul li.active a{color: #F00;}

.regErr{color: #F00; font-size:12px; line-height:20px; width:100%; padding:5px 0; display: none;}
@media  screen and ( min-width:1440px){
    .regbc{padding-bottom:30px;}
    .reghd{ height:130px;}
    .regF{width:826px;border-radius: 10px; padding:50px 60px 15px; margin:15px auto 0;}
    .regFH{font-size: 30px; line-height:50px;}
    .regFN{padding-top:16px;}
    .regFD{width:334px; font-size: 14px; margin-bottom:5px;}
    .regFNP{line-height:36px;}
    .regFNS{ border:1px solid #eef2f5;border-radius:2px;}
    .regFor{width: 100px;height:46px; line-height:46px;border-left:1px solid #eef2f5;}
    .RegI{padding:0 18px;height:46px; line-height:46px; }
    .RegSel,.RegIs{padding:0 18px;height:46px; line-height:46px;background-size:13px; background-position:96% center;}
    .RegButa{border-radius:3px;width:218px;height:54px; line-height:54px;font-size: 14px; margin:30px auto 20px;}
    .regche{font-size: 14px;}
    .regche{height: 30px;line-height:20px;}
    .regche input[type="checkbox"]{border:1px solid #e5e8ec;width:18px;height:18px;}
    .regche p{ margin-left: 10px; }
    .regche a:hover{ color:#174098;}
    .regFNS ul{padding:15px 0;max-height:230px;margin-top:2px;border-radius:5px; top:46px;}
    .regFNS ul li{text-indent:10px; font-size:14px; padding:0 30px;}
    .regFNS ul li a{ line-height:40px;}
    .regFNS ul li a:hover{color:#174098;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
    .regbc{padding-bottom:25px;}
    .reghd{ height:110px;}
    .regF{width:750px;border-radius: 10px; padding:42px 50px 12px; margin:13px auto 0;}
    .regFH{font-size:26px; line-height:42px;}
    .regFN{padding-top:14px;}
    .regFD{width:308px; font-size: 13px; margin-bottom:4px;}
    .regFNP{line-height:32px;}
    .regFNS{ border:1px solid #eef2f5; border-radius:2px;}
    .regFor{width: 100px;height:42px; line-height:42px;border-left:1px solid #eef2f5;}
    .RegI{padding:0 16px;height:42px; line-height:42px; }
    .RegSel,.RegIs{padding:0 16px;height:42px; line-height:42px;background-size:12px; background-position:96% center;}
    .RegButa{border-radius:3px;width:190px;height:48px; line-height:48px;font-size: 13px; margin:26px auto 16px;}
    .regche{font-size: 13px;}
    .regche{height:28px;line-height:20px;}
    .regche input[type="checkbox"]{border:1px solid #e5e8ec;width:16px;height:16px;}
    .regche p{ margin-left: 10px; }
    .regche a:hover{ color:#174098;}

    .regFNS ul{padding:13px 0;max-height:220px;margin-top:2px;border-radius:5px; top:42px;}
    .regFNS ul li{text-indent:10px; font-size:13px; padding:0 25px;}
    .regFNS ul li a{ line-height:35px;}
    .regFNS ul li a:hover{color:#174098;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
    .regbc{padding-bottom:20px;}
    .reghd{ height:90px;}
    .regF{width:660px;border-radius:8px; padding:32px 40px 12px; margin:10px auto 0;}
    .regFH{font-size:22px; line-height:36px;}
    .regFN{padding-top:10px;}
    .regFD{width:280px; font-size: 12px; margin-bottom:3px;}
    .regFNP{line-height:28px;}
    .regFNS{ border:1px solid #eef2f5;border-radius:2px;}
    .regFor{width:90px;height:38px; line-height:38px;border-left:1px solid #eef2f5;}
    .RegI{padding:0 12px;height:38px; line-height:38px; }
    .RegSel,.RegIs{padding:0 12px;height:38px; line-height:38px;background-size:10px; background-position:96% center;}
    .RegButa{border-radius:3px;width:170px;height:42px; line-height:42px;font-size: 12px; margin:22px auto 12px;}
    .regche{font-size: 12px;}
    .regche{height:25px;line-height:20px;}
    .regche input[type="checkbox"]{border:1px solid #e5e8ec;width:16px;height:16px;}
    .regche p{ margin-left:6px; }
    .regche a:hover{ color:#174098;}

    .regFNS ul{padding:12px 0;max-height:190px;margin-top:2px;border-radius:4px; top:38px;}
    .regFNS ul li{text-indent:10px; font-size:13px; padding:0 20px;}
    .regFNS ul li a{ line-height:32px;}
    .regFNS ul li a:hover{color:#174098;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
    .regbc{padding-bottom:30px;}
    .reghd{ height:70px;}
    .regF{width:540px;border-radius:6px; padding:22px 30px 10px; margin:10px auto 0;}
    .regFH{font-size:22px; line-height:36px;}
    .regFN{padding-top:10px;}
    .regFD{width:100%; font-size: 14px; margin-bottom:6px;}
    .regFNP{line-height:34px;}
    .regFNS{ border:1px solid #eef2f5;border-radius:2px;}
    .regFor{width:110px;height:44px; line-height:44px;border-left:1px solid #eef2f5;}
    .RegI{padding:0 16px;height:44px; line-height:44px; }
    .RegSel,.RegIs{padding:0 16px;height:44px; line-height:44px;background-size:10px; background-position:96% center;}
    .RegButa{border-radius:3px;width:170px;height:42px; line-height:42px;font-size: 14px; margin:22px auto 12px;}
    .regche{font-size: 12px;}
    .regche{height:25px;line-height:20px;}
    .regche input[type="checkbox"]{border:1px solid #e5e8ec;width:16px;height:16px;}
    .regche p{ margin-left:6px; }

    .regFNS ul{padding:8px 0;max-height:150px;margin-top:2px;border-radius:4px; top:44px;}
    .regFNS ul li{font-size:12px; padding:0 20px;}
    .regFNS ul li a{ line-height:26px;}
    .regFNS ul li a:hover{color:#174098;}
}
@media only screen and (max-width:639px){
    .regbc{padding-bottom:0.2rem;}
    .reghd{ height:0.5rem;padding:0 4%; width:100%;}
    .regF{width:90%;border-radius:0.06REM; padding:0.13rem 5% 0.05rem; margin:0.05rem auto 0;}
    .regFH{font-size:0.15rem; line-height:0.3rem; font-weight:700;}
    .regFN{padding-top:0.01rem;}
    .regFD{width:100%; font-size:0.12rem; margin-bottom:0.06rem;}
    .regFNP{line-height:0.26rem;}
    .regFNS{ border:0.01rem solid #eef2f5;border-radius:0.02rem;}
    .regFor{width:32%;height:0.36rem; line-height:0.36rem;border-left:1px solid #eef2f5;}
    .RegI{padding:0 0.1rem;height:0.36rem; line-height:0.36rem; }
    .RegSel,.RegIs{padding:0 0.1rem;height:0.36rem; line-height:0.36rem;background-size:0.1rem; background-position:96% center;}
    .RegButa{border-radius:0.03rem;width:100%;height:0.38rem; line-height:0.38rem;font-size:0.13rem; margin:0.15rem auto 0.1rem;}
    .regche{font-size:0.11rem;}
    .regche{height:0.2rem;line-height:0.2rem;}
    .regche input[type="checkbox"]{border:0.01rem solid #e5e8ec;width:0.14rem;height:0.14rem;}
    .regche p{ margin-left:0.03rem; }

    .regFNS ul{padding:0.06rem 0;max-height:0.9rem;border-radius:0.03rem; top:0.36rem;}
    .regFNS ul li{font-size:0.1rem; padding:0 0.15rem;}
    .regFNS ul li a{ line-height:0.2rem;}
}


/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/
/*****************
-------首页------
*****************/
.banner{position: relative;background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
.banDH{color:#FFF;font-weight:700;}
.banDH p{ color:#fff08a;font-weight:700;}
.banDP{font-weight:100;color:#FFF;}
.banSeaK{position:relative;}
.banSeaB{ width:100%; background:#fff;}
.banSeaB{position: relative;width:100%; background:#fff;}
.banSeaI{width: 100%;border:none;color:#393d46;flex:1;}
.banSeaA{color:#FFF; background:#174098;}
.banSeaA img{display: block;}
.banSeaB ul{width:100%;overflow-y:auto;background-color:rgba(255,255,255,0.9);position:absolute;display:none;z-index: 2;}
.banSeaB ul li{list-style: none;}
.banSeaB ul li a{ color:#393d46; display:block;text-decoration:none;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.banZC{color: #fff08a;font-weight: 700;margin-top: 12px;text-align: center;}
.IndDK{ background:#fafafa;}
.IndTita{position: relative; display: block;color:#808080;}
.IndTita:before{display:block;content:'';position: absolute;background:#000;width:0;left:50%;bottom:-1px;transform: translate(-50%,0);transition:0.5s;}
.IndTit .on{ color:#000;}
.IndTit .on:before{transition:0.5s; width:100%;}
.IndDN{width:100%;}
.IndDa{background:#FFF; display: block;}
.IndDI{align-content:center;width:100%;}
.IndDI img{display: block;}
.IndDa p{width:100%; text-align: center;color:#000}
.IndDM{text-align: center; background:#FFF;color:#6b6b6b; display: block; margin:0 auto;}
@media  screen and ( min-width:1440px){
.banner{height: 741px;}
.banDK{width:890px; margin:0 auto; padding-top:130px; }
.banDH{font-size:48px; line-height:70px;letter-spacing:2px}
.banDP{ font-size:30px;line-height:45px; margin-top:12px; margin-bottom:40px;}
.banSeaK{padding-bottom:2px;}
.banSeaB{border-radius:5px; height:68px;}
.banSeaB{border-radius:5px; height:68px;}
.banSeaI{height:30px;line-height:30px;padding:0 30px; font-size: 16px;}
.banSeaA{ width:115px; height:54px; border-radius:4px;margin-right:8px;}
.banSeaA img{width:20px;}
.banSeaA p{ font-size: 16px; line-height:24px;height:24px;}
.banSeaB ul{padding:15px 0;max-height:230px;margin-top:2px;border-radius:5px; top:70px;}
.banSeaB ul li{text-indent:10px; font-size:14px; padding:0 30px;}
.banSeaB ul li a{ line-height:40px;}
.banSeaB ul li a:hover{color:#174098;}	
.banZC{font-size:40px;line-height:70px;letter-spacing:2px}
.IndDK{padding:50px 0;}
.IndTit{ border-bottom:1px solid #e5e5e5;}
.IndTita{line-height:92px;height:92px;font-size:36px;margin-right: 38px;}
.IndTita:before{height:4px;}
.IndDN{padding:50px 0}
.IndDa{ width:286px; height:248px;margin-bottom: 45px; margin-left:18.666px;}
.IndDa:nth-child(4n+1){ margin-left:0;}
.IndDI{height:200px;}
.IndDI img{ height:80px; }
.IndDa p{line-height:36px; height: 36px;font-size: 22px;}
.IndDa:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.IndDM{ width:158px; height:50px; line-height:50px;border-radius:4px; font-size: 14px;}
.IndDM:hover{ background:#174098; color:#FFF;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.banner{height:640px;}
.banDK{width:790px; margin:0 auto; padding-top:120px; }
.banDH{font-size:42px; line-height:58px;letter-spacing:2px}
.banDP{ font-size:26px;line-height:40px; margin-top:10px; margin-bottom:35px;}
.banSeaK{padding-bottom:2px;}
.banSeaB{border-radius:5px; height:60px;}
.banSeaB{border-radius:5px; height:60px;}
.banSeaI{height:30px;line-height:30px;padding:0 25px; font-size: 15px;}
.banSeaA{ width:100px; height:48px; border-radius:4px;margin-right:6px;}
.banSeaA img{width:18px;}
.banSeaA p{ font-size: 15px; line-height:24px;height:24px;}
.banSeaB ul{padding:13px 0;max-height:220px;margin-top:2px;border-radius:5px; top:62px;}
.banSeaB ul li{text-indent:10px; font-size:13px; padding:0 25px;}
.banSeaB ul li a{ line-height:35px;}
.banSeaB ul li a:hover{color:#174098;}	
.banZC{font-size:34px; line-height:58px;letter-spacing:2px}
.IndDK{padding:42px 0;}
.IndTit{ border-bottom:1px solid #e5e5e5;}
.IndTita{line-height:84px;height:84px;font-size:32px;margin-right: 35px;}
.IndTita:before{height:4px;}
.IndDN{padding:42px 0}
.IndDa{ width:258px; height:230px;margin-bottom:38px; margin-left:16px;}
.IndDa:nth-child(4n+1){ margin-left:0;}
.IndDI{height:185px;}
.IndDI img{ height:72px; }
.IndDa p{line-height:32px; height: 32px;font-size: 20px;}
.IndDa:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.IndDM{ width:148px; height:46px; line-height:46px;border-radius:4px; font-size: 13px;}
.IndDM:hover{ background:#174098; color:#FFF;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.banner{height:500px;}
.banDK{width:640px; margin:0 auto; padding-top:60px; }
.banDH{font-size:36px; line-height:48px;letter-spacing:2px}
.banDP{ font-size:20px;line-height:30px; margin-top:7px; margin-bottom:22px;}
.banSeaK{padding-bottom:2px;}
.banSeaB{border-radius:4px; height:52px;}
.banSeaI{height:30px;line-height:30px;padding:0 20px; font-size: 14px;}
.banSeaA{ width:92px; height:40px; border-radius:3px;margin-right:6px;}
.banSeaA img{width:16px;}
.banSeaA p{ font-size: 14px; line-height:24px;height:24px;}
.banSeaB ul{padding:12px 0;max-height:190px;margin-top:2px;border-radius:4px; top:54px;}
.banSeaB ul li{text-indent:10px; font-size:13px; padding:0 20px;}
.banSeaB ul li a{ line-height:32px;}
.banSeaB ul li a:hover{color:#174098;}	
.banZC{font-size:28px; line-height:48px;letter-spacing:2px}
.IndDK{padding:35px 0;}
.IndTit{ border-bottom:1px solid #e5e5e5;}
.IndTita{line-height:74px;height:74px;font-size:28px;margin-right: 30px;}
.IndTita:before{height:3px;}
.IndDN{padding:35px 0}
.IndDa{ width:216px; height:200px;margin-bottom:30px; margin-left:12px;}
.IndDa:nth-child(4n+1){ margin-left:0;}
.IndDI{height:160px;}
.IndDI img{ height:60px; }
.IndDa p{line-height:30px; height: 30px;font-size:18px;}
.IndDa:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.IndDM{ width:130px; height:40px; line-height:40px;border-radius:3px; font-size: 12px;}
.IndDM:hover{ background:#174098; color:#FFF;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.banner{height:400px;}	
.banDK{width:560px; margin:0 auto; padding-top:0; }
.banDH{font-size:30px; line-height:40px;letter-spacing:2px}
.banDP{ font-size:16px;line-height:24px; margin-top:6px; margin-bottom:20px;}
.banSeaK{padding-bottom:2px;}
.banSeaB{border-radius:4px; height:46px;}
.banSeaI{height:30px;line-height:30px;padding:0 15px; font-size: 13px;}
.banSeaA{ width:80px; height:36px; border-radius:3px;margin-right:5px;}
.banSeaA img{width:14px;}
.banSeaA p{ font-size: 13px; line-height:24px;height:24px;}
.banSeaB ul{padding:8px 0;max-height:150px;margin-top:2px;border-radius:4px; top:48px;}
.banSeaB ul li{font-size:12px; padding:0 20px;}
.banSeaB ul li a{ line-height:26px;}
.banSeaB ul li a:hover{color:#174098;}	
.banZC{font-size:22px; line-height:40px;letter-spacing:2px}
.IndDK{padding:30px 0;}
.IndTit{ border-bottom:1px solid #e5e5e5;}
.IndTita{line-height:64px;height:64px;font-size:24px;margin-right:25px;}
.IndTita:before{height:2px;}
.IndDN{padding:30px 0}
.IndDa{ width:188px; height:168px;margin-bottom:15px; margin-left:12px;}
.IndDa:nth-child(3n+1){ margin-left:0;}
.IndDI{height:130px;}
.IndDI img{ height:48px; }
.IndDa p{line-height:26px; height: 26px;font-size:16px;}
.IndDM{ width:120px; height:36px; line-height:36px;border-radius:3px; font-size: 12px;}
}
@media only screen and (max-width:639px){
.banner{height:2.4rem;}	
.banDK{width:90%; margin:0 auto; padding-top:0; }
.banDH{font-size:0.16rem; line-height:0.2rem;letter-spacing:2px}
.banDP{ font-size:0.12rem;line-height:0.18rem; margin-top:0.03rem; margin-bottom:0.1rem;}
.banSeaK{padding-bottom:0.02rem;}
.banSeaB{border-radius:0.03rem; height:0.32rem;}
.banSeaI{height:0.3rem;line-height:0.3rem;padding:0 0.1rem; font-size:0.115rem; background:none;}
.banSeaA{ width:0.58rem; height:0.26rem; border-radius:0.03rem;margin-right:0.03rem;}
.banSeaA img{width:0.13rem;}
.banSeaA p{ font-size:0.115rem; line-height:0.2rem;height:0.2rem;}
.banSeaB ul{padding:0.06rem 0;max-height:0.9rem;border-radius:0.03rem; top:0.33rem;}
.banSeaB ul li{font-size:0.1rem; padding:0 0.15rem;}
.banSeaB ul li a{ line-height:0.2rem;}
.banZC{font-size:0.1rem; line-height:0.2rem;letter-spacing:2px}
.IndDK{padding:0.15rem 0;}
.IndTit{ border-bottom:0.01rem solid #e5e5e5; padding:0 4%;}
.IndTita{line-height:0.35rem;height:0.35rem;font-size:0.14rem;margin-right:0.15rem;}
.IndTita:before{height:0.02rem;}
.IndDN{padding:0.15rem 4% 0.1rem;justify-content:space-between;}
.IndDa{ width:48.5%; height:1.2rem;margin-bottom:0.12rem;}
.IndDI{height:0.9rem;}
.IndDI img{ height:0.3rem; }
.IndDa p{line-height:0.2rem; height: 0.2rem;font-size:0.12rem;}
.IndDM{ width:120px; height:36px; line-height:36px;border-radius:3px; font-size: 12px;}
}
/*****************
-----新产品详情页-----
*****************/
.NyTit{ background:#fafafa;}
.MianB{color:#000;}
.MianB img{display: block;}
.MianB a{ color:#000; display: block;}
.MianB a.on{ color:#174098;}
.ProDHI{overflow: hidden;}
.ProDHI img{width:100%; display: block;}
.ProDHN{ color:#000;}
.ProDHNh{font-weight:700;}
.ProDHNp{ color:#4c4d51;}
.ProDJ{ background:#fafafa;}
.ProDJH{color:#000; font-weight:700;}
.ProDJNa{ color:#47587c; background:#FFF;display: block;}
.ProDJX{ background:#e5e5e5;}
.ProTit a{color:#808080;display: block; position: relative;}
.ProTit a:before{display:block;content:'';position: absolute;left:50%;transform: translate(-50%,0);width:0; background:#000;transition:0.5s;}
.ProTit a.on{ color:#000}
.ProTit a.on:before{transition:0.5s; width:100%;}
.Proalld{ background:#fafafa;margin-left: auto;}
.Proalld p{ color:#808080;}
.ProxsI{background-image: url("../images/icon/sjt01.png"); background-position: center; background-repeat: no-repeat; background-size:100%; display: block;transition:0.5s;}
.ProNB{width:100%;}
.ProNH h3{ color:#000;}
.ProNHa{ color:#a4a4a4;}
.ProNH a.on i,.ProTit .on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg); transition:0.5s;}
.ProNSHp:nth-child(1){color:#28292a;} 
.ProNSHp:nth-child(2){color:#676a6f;} 
.ProNSH:nth-child(2n+1) .ProNSHp{ background:#fafafa;}
.ProDwjH{ font-size:18px; color:#000; line-height:36px; padding:10px 0; width:100%; font-weight:700;}
.ProDwu{ margin-bottom:15px;}
.ProDwu li{ height: 40px;font-size:14px;}
.ProDwu li img{width:23px; display: block; margin-right: 10px;}
.ProDwu li p{color:#808080; line-height:20px; width:100%; flex:1;}
.ProDwa{ color:#a4acb0; width:68px; height: 24px; line-height:24px; border-radius:3px; background:#eaeff2}
.ProDwa i{ background-image: url("../images/icon/down.png"); width: 13px; height: 13px; margin-right: 5px; background-position: 0 0; background-repeat: no-repeat; background-size:100%; display: block;}
.ProDwa:hover{ background:#116cb0; color:#FFF;}
.ProDwa:hover i{background-position: 0 -13px;}
.ProDFtA{color:#FFF; background:#174098; text-align: center;display: block;}
.ProDFtP{text-align: center; color:#696e78;width:100%;}

@media  screen and ( min-width:1440px){
.NyTit{ border-bottom:1px solid #ecedef;}
.MianB{ font-size: 14px;height:68px;}
.MianB img{width:15px; margin-right:10px; }
.MianB p{ padding:0 5px;}
.MianB a:hover{text-decoration:underline; color:#174098;}
.ProDon{padding:45px 0 150px;}
.ProDH{ padding-bottom: 30px;}
.ProDHI{width:360px; height: 256px;}
.ProDHN{width:795px;}
.ProDHNh{ font-size: 28px; line-height:36px; padding:10px 0;}
.ProDHNn{ font-size:16px; line-height:25px; min-height: 50px;}
.ProDHNp{font-size: 16px; margin-top: 15px;}
.ProDHNs{ line-height:30px; margin-bottom: 5px;}	
.ProDJ{padding:20px;}
.ProDJN{width:47%;}
.ProDJH{ font-size: 16px; line-height:26px;}
.ProDJR{ margin-top:8px;}
.ProDJNa{ font-size:14px; padding:0 10px;border:1px solid #f1f1f1;line-height:30px; margin-right:9px}
.ProDJX{ width: 1px; height: 60px;}
.ProTit{ border-bottom:1px solid #e5e5e5; margin-top: 25px;}
.ProTit a{ font-size:24px;line-height:60px;margin-right:50px;}
.ProTit a:before{bottom:-1px; height: 3px;}
.Proalld{border:1px solid #f1f1f1; width:104px; height:28px;}
.Proalld p{line-height:20px; font-size: 14px; margin-right:4px;}
.ProxsI{width:11px; height:11px; }
.ProND{padding:30px 0 50px;}
.ProNW{ width: 578px;}
.ProNH{ height:50px;}
.ProNH h3{font-size: 16px; line-height:26px;}
.ProNHa{font-size: 14px;}
.ProNHa p{ line-height:20px; margin-right:4px;}
.ProNSH{ font-size: 14px; margin:8px 0;}
.ProNSHp{height: 50px; padding-top:2px; padding-bottom:2px; padding-left:16px}
.ProNSHp:nth-child(1){width: 208px;} 
.ProNSHp:nth-child(2){width:362px;} 

	
.ProDFt{ margin-bottom:20px;}
.ProDFtA{ font-size:16px;border-radius:4px;line-height:60px;}
.ProDFtP{font-size: 14px; line-height:20px;margin-top:10px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.NyTit{ border-bottom:1px solid #ecedef;}
.MianB{ font-size: 13px;height:60px;}
.MianB img{width:15px; margin-right:10px; }
.MianB p{ padding:0 5px;}
.MianB a:hover{text-decoration:underline; color:#174098;}
.ProDon{padding:38px 0 130px;}
.ProDH{ padding-bottom:26px;}
.ProDHI{width:330px; height: 234px;}
.ProDHN{width:690px;}
.ProDHNh{ font-size: 24px; line-height:32px; padding:8px 0;}
.ProDHNn{ font-size:15px; line-height:24px; min-height:48px;}
.ProDHNp{font-size: 15px; margin-top: 15px;}
.ProDHNs{ line-height:26px; margin-bottom: 5px;}
.ProDJ{padding:18px;}
.ProDJN{width:47%;}
.ProDJH{ font-size: 15px; line-height:24px;}
.ProDJR{ margin-top:8px;}
.ProDJNa{ font-size:13px; padding:0 8px;border:1px solid #f1f1f1;line-height:28px; margin-right:8px}
.ProDJX{ width: 1px; height:52px;}	
.ProTit{ border-bottom:1px solid #e5e5e5; margin-top: 20px;}
.ProTit a{ font-size:22px;line-height:52px;margin-right:45px;}
.ProTit a:before{bottom:-1px;height: 3px;}
.Proalld{border:1px solid #f1f1f1; width:94px; height:26px;}
.Proalld p{line-height:20px; font-size: 13px; margin-right:4px;}
.ProxsI{width:11px; height:11px; }
.ProND{padding:25px 0 45px;}
.ProNW{ width: 524px;}
.ProNH{ height:46px;}
.ProNH h3{font-size: 15px; line-height:26px;}
.ProNHa{font-size: 13px;}
.ProNHa p{ line-height:20px; margin-right:4px;}
.ProNSH{ font-size: 13px; margin:7px 0;}
.ProNSHp{height:42px; padding-top:2px; padding-bottom:2px; padding-left:13px}
.ProNSHp:nth-child(1){width:190px;} 
.ProNSHp:nth-child(2){width:328px;} 
	
.ProDFt{ margin-bottom:16px;}
.ProDFtA{ font-size:15px;border-radius:4px;line-height:52px;}
.ProDFtP{font-size: 13px; line-height:20px;margin-top:9px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.NyTit{ border-bottom:1px solid #ecedef;}
.MianB{ font-size: 13px;height:50px;}
.MianB img{width:15px; margin-right:8px; }
.MianB p{ padding:0 4px;}
.MianB a:hover{text-decoration:underline; color:#174098;}
.ProDon{padding:30px 0 110px;}
.ProDH{ padding-bottom:22px;}
.ProDHI{width:280px; height:199px;}
.ProDHN{width:568px;}
.ProDHNh{ font-size: 20px; line-height:28px; padding:5px 0;}
.ProDHNn{ font-size:14px; line-height:22px; min-height:44px;}
.ProDHNp{font-size: 14px; margin-top: 13px;}
.ProDHNs{ line-height:22px; margin-bottom: 5px;}
.ProDJ{padding:16px;}
.ProDJN{width:47%;}
.ProDJH{ font-size: 14px; line-height:22px;}
.ProDJR{ margin-top:6px;}
.ProDJNa{ font-size:12px; padding:0 7px;border:1px solid #f1f1f1;line-height:26px; margin-right:7px}
.ProDJX{ width: 1px; height:46px;}	
.ProTit{ border-bottom:1px solid #e5e5e5; margin-top:15px;}
.ProTit a{ font-size:20px;line-height:48px;margin-right:40px;}
.ProTit a:before{bottom:-1px;height: 2px;}
.Proalld{border:1px solid #f1f1f1; width:86px; height:24px;}
.Proalld p{line-height:20px; font-size: 12px; margin-right:4px;}
.ProxsI{width:10px; height:10px; }
.ProND{padding:25px 0 45px;}
.ProNW{ width:440px;}
.ProNH{ height:44px;}
.ProNH h3{font-size: 14px; line-height:22px;}
.ProNHa{font-size: 12px;}
.ProNHa p{ line-height:20px; margin-right:3px;}
.ProNSH{ font-size: 12px; margin:5px 0;}
.ProNSHp{height:36px; line-height:18px; padding-left:11px}
.ProNSHp:nth-child(1){width:144px;} 
.ProNSHp:nth-child(2){width:290px;} 
	
.ProDFt{ margin-bottom:14px;}
.ProDFtA{ font-size:14px;border-radius:4px;line-height:44px;}
.ProDFtP{font-size: 12px; line-height:18px;margin-top:9px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.NyTit{ border-bottom:1px solid #ecedef;}
.MianB{ font-size: 12px;height:42px;}
.MianB img{width:14px; margin-right:6px; }
.MianB p{ padding:0 3px;}
.ProDon{padding:25px 0 90px;}
.ProDH{ padding-bottom:22px;}
.ProDHI{width:250px; height:177px;}
.ProDHN{width:100%; margin-top:20px;}
.ProDHNh{ font-size: 20px; line-height:28px; padding:5px 0;}
.ProDHNn{ font-size:14px; line-height:22px; min-height:44px;}
.ProDHNp{font-size: 14px; margin-top: 13px;}
.ProDHNs{ line-height:20px; margin-bottom: 5px;}
.ProDJ{padding:6px 16px;}
.ProDJN{width:100%; padding:5px 0}
.ProDJH{ font-size: 14px; line-height:22px;}
.ProDJR{ margin-top:6px;}
.ProDJNa{ font-size:12px; padding:0 7px;border:1px solid #f1f1f1;line-height:26px; margin-right:7px}
.ProDJX{ display:none;}
.ProTit{ border-bottom:1px solid #e5e5e5; margin-top:15px;}
.ProTit a{ font-size:18px;line-height:42px;margin-right:35px;}
.ProTit a:before{bottom:-1px;height: 2px;}
.Proalld{border:1px solid #f1f1f1; width:86px; height:24px;}
.Proalld p{line-height:20px; font-size: 12px; margin-right:4px;}
.ProxsI{width:10px; height:10px; }
.ProND{padding:20px 0 40px;}
.ProNW{ width:100%;}
.ProNH{ height:44px;}
.ProNH h3{font-size: 14px; line-height:22px;}
.ProNHa{font-size: 12px;}
.ProNHa p{ line-height:20px; margin-right:3px;}
.ProNSH{ font-size: 12px; margin:5px 0;}
.ProNSHp{height:36px; line-height:18px; padding-left:11px}
.ProNSHp:nth-child(1){width:180px;} 
.ProNSHp:nth-child(2){width:410px;} 
	
.ProDFt{ margin-bottom:12px;}
.ProDFtA{ font-size:13px;border-radius:3px;line-height:36px;}
.ProDFtP{font-size: 12px; line-height:18px;margin-top:7px;}
}
@media only screen and (max-width:639px){
.NyTit{ border-bottom:0.01rem solid #ecedef;}
.MianB{ font-size:0.11rem;height:0.34rem; padding:0 4%; width:92%;}
.MianB img{width:0.1rem; margin-right:0.04rem; }
.MianB p{ padding:0 0.02rem;}
.ProDon{padding:0.15rem 0 0.3rem;}
.ProDH{ padding:0 4% 0.15rem;}
.ProDHI{width:100%}
.ProDHN{width:100%; margin-top:0.12rem;}
.ProDHNh{ font-size:0.14rem; line-height:0.2rem; margin-bottom:0.05rem;}
.ProDHNn{ font-size:0.115rem; line-height:0.16rem;}
.ProDHNp{font-size:0.11rem; margin-top:0.1rem;}
.ProDHNs{ line-height:0.16rem; margin-bottom:0.03rem;}
.ProDJ{padding:0.06rem 4% 0.02rem;}
.ProDJN{width:100%; padding:0.05rem 0}
.ProDJH{ font-size:0.12rem; line-height:0.2rem;}
.ProDJR{ margin-top:0.04rem;}
.ProDJNa{ font-size:0.11rem; padding:0 0.06rem;border:0.01rem solid #f1f1f1;line-height:0.2rem; margin-right:0.05rem; margin-bottom:0.04rem}
.ProDJX{ display:none;}	
.ProTit{ border-bottom:0.01rem solid #e5e5e5; margin-top:0.15rem; padding:0 4%; width:100%;}
.ProTit a{ font-size:0.13rem;line-height:0.34rem;margin-right:0.15rem;}
.ProTit a:before{bottom:-0.01rem;height:0.02rem;}
.Proalld{border:0.01rem solid #f1f1f1; width:0.6rem; height:0.18rem;}
.Proalld p{line-height:0.16rem; font-size: 0.1rem; margin-right:0.02rem;}
.ProxsI{width:0.08rem; height:0.08rem; }
.ProND{padding:0.12rem 4% 0.3rem;}
.ProNW{ width:100%;}
.ProNH{ height:0.36rem;}
.ProNH h3{font-size:0.12rem; line-height:0.2rem;}
.ProNHa{font-size:0.1rem;}
.ProNHa p{ line-height:0.18rem; margin-right:0.03rem;}
.ProNSH{ font-size: 0.11rem; margin:0.05rem 0;}
.ProNSHp{height:0.34rem; line-height:0.17rem; padding-left:0.1rem}
.ProNSHp:nth-child(1){width:34%;} 
.ProNSHp:nth-child(2){width:65%;} 
	
.ProDFt{padding:0.1rem 4% 0;}
.ProDFtA{ font-size:0.12rem;border-radius:0.03rem;line-height:0.3rem;}
.ProDFtP{font-size:0.1rem; line-height:0.14rem;margin-top:0.05rem;}
}

/*****************
-----新搜索出多个料号列表-----
*****************/
.Seatab{-webkit-box-sizing:border-box;box-sizing:border-box;}
.Seatab tr th,.Seatab tr td{-webkit-box-sizing:border-box;box-sizing:border-box;text-align: center;}
.Seatab tr th{ color:#1a2741; background:#fafbfd;}
.Seatab tr td{background:#FFF; color:#6b6d73;}
.SeatabI img{width:100%; display: block;}
.SeaMorA{text-align: center; background:#fafafa;display: block;}
@media  screen and ( min-width:1440px){
.SeaDon{padding:60px 0 120px;}
.Seatab{ border:1px solid #d5d7da;margin-bottom: 55px;}
.Seatab tr th,.Seatab tr td{border-left:1px solid #d5d7da;padding:18px; line-height:24px; font-size: 14px;}
.Seatab tr th:first-child,.Seatab tr td:first-child{border-left:none;}
.Seatab tr td{border-top:1px solid #d5d7da;}
.Seatab tr td:last-child{width:45%; text-align: left;}
.SeatabI{width:76px; margin:0 auto;}
.SeaMorA{ font-size:14px;height:60px; line-height:60px;border-radius:4px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.SeaDon{padding:50px 0 100px;}
.Seatab{ border:1px solid #d5d7da;margin-bottom: 50px;}
.Seatab tr th,.Seatab tr td{border-left:1px solid #d5d7da;padding:15px; line-height:22px; font-size: 13px;}
.Seatab tr th:first-child,.Seatab tr td:first-child{border-left:none;}
.Seatab tr td{border-top:1px solid #d5d7da;}
.Seatab tr td:last-child{width:45%; text-align: left;}
.SeatabI{width:70px; margin:0 auto;}
.SeaMorA{ font-size:13px;height:52px; line-height:52px;border-radius:4px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.SeaDon{padding:40px 0 80px;}
.Seatab{ border:1px solid #d5d7da;margin-bottom:42px;}
.Seatab tr th,.Seatab tr td{border-left:1px solid #d5d7da;padding:13px; line-height:20px; font-size: 12px;}
.Seatab tr th:first-child,.Seatab tr td:first-child{border-left:none;}
.Seatab tr td{border-top:1px solid #d5d7da;}
.Seatab tr td:last-child{width:45%; text-align: left;}
.SeatabI{width:62px; margin:0 auto;}
.SeaMorA{ font-size:12px;height:44px; line-height:44px;border-radius:4px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.SeaDon{padding:30px 0 60px;}
.Seatab{ border:1px solid #d5d7da;margin-bottom:34px;}
.Seatab tr th,.Seatab tr td{border-left:1px solid #d5d7da;padding:10px; line-height:18px; font-size: 12px;}
.Seatab tr th:first-child,.Seatab tr td:first-child{border-left:none;}
.Seatab tr td{border-top:1px solid #d5d7da;}
.Seatab tr td:last-child{width:45%; text-align: left;}
.SeatabI{width:50px; margin:0 auto;}
.SeaMorA{ font-size:12px;height:36px; line-height:36px;border-radius:3px;}
}
@media only screen and (max-width:639px){
.SeaDon{padding:0.15rem 4% 0.25rem; width:92%;}
.Seatab{ border:0.01rem solid #d5d7da;margin:0 auto 0.15rem; width:100%;}
.Seatab tr th,.Seatab tr td{border-left:0.01rem solid #d5d7da;padding:0.1rem 0; line-height:0.15rem; font-size:0.1rem;}
.Seatab tr th:first-child,.Seatab tr td:first-child{border-left:none;}
.Seatab tr td{border-top:0.01rem solid #d5d7da;}
.Seatab tr td:last-child{width:30%; text-align: left;}
.SeatabI{width:0.4rem; margin:0 auto;}
.SeaMorA{ font-size:0.11rem;height:0.3rem; line-height:0.3rem;border-radius:0.03rem;}
}

/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/
/*****************
-----新修改配套-对配产品列表-----
*****************/
.PeiJdNav{background:#FFF;}
.PeiJdNavK{width:100%;}
.PeiJdNavH{color:#FFF; width:100%; background:#174098;}
.PeiJdNavSH{ color:#090909;}
.PeiJdNavF{ display:none;}
.PeiJdrad{ color:#757575;}
.PeiJdrad input[type="radio"]{ background-color: #FFF; -webkit-appearance:none;border-radius:50%;vertical-align:middle;display:block;outline:none;}
.PeiJdche{ color:#757575;}
.PeiJdche input[type="checkbox"]{ background-color: #FFF; -webkit-appearance:none;vertical-align:middle;display:block;outline:none;}
.PeiJdNavA{width:100%;}
.PeiJdNavA p{color:#090909;}
.PeiJdNavA i{ position: relative; display: block;}
.PeiJdNavA i:before,.PeiJdNavA i:after{display:block;content:'';position: absolute; background:#000; left:50%;top:50%;transform: translate(-50%,-50%);}
.PeiJdss{color:#868a93;}
.PeiJdssF{position:relative; background:#e2e7f2;}
.Peiclose{display: block; position:absolute;}
.Peiclose img{width:100%; display: block;}
.PeiJdR{background:#FFF;}
.PeiJdRI{overflow: hidden;}
.PeiJdRI img{width:100%; display: block;}
.PeiJdRPH{color:#000; font-weight: 700;}
.PeiJdRPF{color:#313642;font-weight: 700;}
.PeiJdRPs{ color:#8e9198;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
@media  screen and ( min-width:1440px){
.PeiJdk{ padding:40px 0;}
.PeiJdB{align-items:stretch }
.PeiJdNav{width:343px;}
.PeiJdNavH{ padding:0 18px; height: 44px; line-height:44px;font-size: 16px;}
.PeiJdNavB{padding:25px 0; font-size:14px;}
.PeiJdNavS{ padding: 0 20px;}
.PeiJdNavSH{ line-height:30px; font-size: 14px;}
.PeiJdNavSP{padding:10px 0 15px;}
.PeiJdrad{ color:#757575; height: 30px;}
.PeiJdrad input[type="radio"]{border:1px solid #e7e8e9;width:13px;height:13px;}
.PeiJdrad input[type="radio"]:checked{border:4px solid #174098;}
.PeiJdrad p{ margin-left: 10px; line-height:20px;}
.PeiJdche{height: 30px;}
.PeiJdche input[type="checkbox"]{border:1px solid #e7e8e9;width:13px;height:13px;}
.PeiJdche input[type="checkbox"]:checked{border:4px solid #174098;}
.PeiJdche p{ margin-left: 10px; line-height:20px;}

.PeiJdNavU{ border-top:1px solid #e9e6e6;}
.PeiJdNavU li{ padding:10px 20px;border-bottom:1px solid #e9e6e6;}
.PeiJdNavA{height: 32px;}
.PeiJdNavA p{line-height:30px; font-size: 14px;}
.PeiJdNavA i{width:10px; height: 10px;}
.PeiJdNavA i:before{ width:10px; height: 2px;}
.PeiJdNavA i:after{ height:10px; width: 2px;}
.PeiJdNavU li .on  i:after{height:0; width:0;}
.PeiJdss{ font-size:14px;padding:35px 20px 15px;}
.PeiJdss p{line-height:28px;}
.PeiJdssF{line-height:28px; padding:0 10px;margin-right: 10px; margin-bottom:10px;}
.Peiclose{width:16px; height:16px;top:-6px; right:-5px;}

.PeiJdR{padding:10px 20px 48px;width:834px;}
.PeiJdRN{padding-bottom:25px;}
.PeiJdRa{padding:20px 0; border-bottom:1px solid  #efefef;}
.PeiJdRI{ width: 203px; height: 133px;}
.PeiJdRP{width:558px;}
.PeiJdRPH{ font-size:18px; line-height:30px;}
.PeiJdRPF{ font-size:16px;line-height:24px; margin-bottom:20px;}
.PeiJdRPs{font-size: 14px; line-height:20px; height: 40px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.PeiJdk{ padding:35px 0;}
.PeiJdB{align-items:stretch }
.PeiJdNav{width:290px;}
.PeiJdNavH{ padding:0 16px; height: 40px; line-height:40px;font-size: 15px;}
.PeiJdNavB{padding:22px 0; font-size:13px;}
.PeiJdNavS{ padding: 0 18px;}
.PeiJdNavSH{ line-height:28px; font-size: 13px;}
.PeiJdNavSP{padding:8px 0 12px;}
.PeiJdrad{ color:#757575; height:28px;}
.PeiJdrad input[type="radio"]{border:1px solid #e7e8e9;width:13px;height:13px;}
.PeiJdrad input[type="radio"]:checked{border:4px solid #174098;}
.PeiJdrad p{ margin-left: 10px; line-height:20px;}
.PeiJdche{height: 28px;}
.PeiJdche input[type="checkbox"]{border:1px solid #e7e8e9;width:13px;height:13px;}
.PeiJdche input[type="checkbox"]:checked{border:4px solid #174098;}
.PeiJdche p{ margin-left: 10px; line-height:20px;}

.PeiJdNavU{ border-top:1px solid #e9e6e6;}
.PeiJdNavU li{ padding:9px 18px;border-bottom:1px solid #e9e6e6;}
.PeiJdNavA{height: 32px;}
.PeiJdNavA p{line-height:28px; font-size: 13px;}
.PeiJdNavA i{width:10px; height: 10px;}
.PeiJdNavA i:before{ width:10px; height: 2px;}
.PeiJdNavA i:after{ height:10px; width: 2px;}
.PeiJdNavU li .on  i:after{height:0; width:0;}
.PeiJdss{ font-size:13px;padding:30px 18px 12px;}
.PeiJdss p{line-height:26px;}
.PeiJdssF{line-height:26px; padding:0 9px;margin-right: 8px; margin-bottom:8px;}
.Peiclose{width:14px; height:14px;top:-6px; right:-5px;}

.PeiJdR{padding:8px 18px 42px;width:770px;}
.PeiJdRN{padding-bottom:20px;}
.PeiJdRa{padding:18px 0; border-bottom:1px solid  #efefef;}
.PeiJdRI{ width:190px; height: 124px;}
.PeiJdRP{width:505px;}
.PeiJdRPH{ font-size:17px; line-height:30px;}
.PeiJdRPF{ font-size:15px;line-height:22px; margin-bottom:18px;}
.PeiJdRPs{font-size: 13px; line-height:20px; height: 40px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.PeiJdk{ padding:30px 0;}
.PeiJdB{align-items:stretch }
.PeiJdNav{width:250px;}
.PeiJdNavH{ padding:0 15px; height:36px; line-height:36px;font-size: 14px;}
.PeiJdNavB{padding:16px 0; font-size:12px;}
.PeiJdNavS{ padding: 0 15px;}
.PeiJdNavSH{ line-height:25px; font-size: 12px;}
.PeiJdNavSP{padding:6px 0 10px;}
.PeiJdrad{ color:#757575; height:25px;}
.PeiJdrad input[type="radio"]{border:1px solid #e7e8e9;width:12px;height:12px;}
.PeiJdrad input[type="radio"]:checked{border:3px solid #174098;}
.PeiJdrad p{ margin-left:8px; line-height:20px;}
.PeiJdche{height: 25px;}
.PeiJdche input[type="checkbox"]{border:1px solid #e7e8e9;width:12px;height:12px;}
.PeiJdche input[type="checkbox"]:checked{border:3px solid #174098;}
.PeiJdche p{ margin-left:8px; line-height:20px;}

.PeiJdNavU{ border-top:1px solid #e9e6e6;}
.PeiJdNavU li{ padding:8px 15px;border-bottom:1px solid #e9e6e6;}
.PeiJdNavA{height:26px;}
.PeiJdNavA p{line-height:28px; font-size: 13px;}
.PeiJdNavA i{width:10px; height: 10px;}
.PeiJdNavA i:before{ width:8px; height: 2px;}
.PeiJdNavA i:after{ height:8px; width: 2px;}
.PeiJdNavU li .on  i:after{height:0; width:0;}
.PeiJdss{ font-size:12px;padding:30px 15px 12px;}
.PeiJdss p{line-height:24px;}
.PeiJdssF{line-height:24px; padding:0 8px;margin-right:6px; margin-bottom:6px;}
.Peiclose{width:12px; height:12px;top:-5px; right:-4px;}

.PeiJdR{padding:6px 16px 36px;width:632px;}
.PeiJdRN{padding-bottom:20px;}
.PeiJdRa{padding:16px 0; border-bottom:1px solid  #efefef;}
.PeiJdRI{ width:160px; height: 104px;}
.PeiJdRP{width:410px;}
.PeiJdRPH{ font-size:16px; line-height:26px;}
.PeiJdRPF{ font-size:14px;line-height:20px; margin-bottom:14px;}
.PeiJdRPs{font-size: 12px; line-height:18px; height:36px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.PeiJdk{ padding:30px 0;}
.PeiJdNav{width:100%; margin-bottom:20px;}
.PeiJdNavH{ padding:0 20px; height:40px; line-height:40px;font-size: 14px;}
.PeiJdNavB{padding:20px 0; font-size:12px;}
.PeiJdNavS{ padding: 0 20px;}
.PeiJdNavSH{ line-height:25px; font-size: 12px;}
.PeiJdNavSP{padding:6px 0 10px;}
.PeiJdrad{ color:#757575; height:25px;}
.PeiJdrad input[type="radio"]{border:1px solid #e7e8e9;width:12px;height:12px;}
.PeiJdrad input[type="radio"]:checked{border:3px solid #174098;}
.PeiJdrad p{ margin-left:8px; line-height:20px;}
.PeiJdche{height: 25px;}
.PeiJdche input[type="checkbox"]{border:1px solid #e7e8e9;width:12px;height:12px;}
.PeiJdche input[type="checkbox"]:checked{border:3px solid #174098;}
.PeiJdche p{ margin-left:8px; line-height:20px;}

.PeiJdNavU{ border-top:1px solid #e9e6e6;}
.PeiJdNavU li{ padding:8px 20px;border-bottom:1px solid #e9e6e6;}
.PeiJdNavA{height:26px;}
.PeiJdNavA p{line-height:28px; font-size: 13px;}
.PeiJdNavA i{width:10px; height: 10px;}
.PeiJdNavA i:before{ width:8px; height: 2px;}
.PeiJdNavA i:after{ height:8px; width: 2px;}
.PeiJdNavU li .on  i:after{height:0; width:0;}
.PeiJdss{ font-size:12px;padding:30px 20px 12px;}
.PeiJdss p{line-height:24px;}
.PeiJdssF{line-height:24px; padding:0 8px;margin-right:6px; margin-bottom:6px;}
.Peiclose{width:12px; height:12px;top:-5px; right:-4px;}

.PeiJdR{padding:6px 20px 36px;width:600px;}
.PeiJdRN{padding-bottom:20px;}
.PeiJdRa{padding:16px 0; border-bottom:1px solid  #efefef;}
.PeiJdRI{ width:150px; height:98px;}
.PeiJdRP{width:390px;}
.PeiJdRPH{ font-size:15px; line-height:26px;}
.PeiJdRPF{ font-size:13px;line-height:18px; margin-bottom:12px;}
.PeiJdRPs{font-size: 12px; line-height:18px; height:36px;}
}
@media only screen and (max-width:639px){
.PeiJdk{ padding:0.15rem 0;}
.PeiJdNav{width:100%; margin-bottom:0.1rem;}
.PeiJdNavH{ padding:0 4%; height:0.34rem; line-height:0.34rem;font-size:0.125rem;}
.PeiJdNavB{padding:0.1rem 0; font-size:0.12rem;}
.PeiJdNavS{ padding: 0 4%;}
.PeiJdNavSH{ line-height:0.22rem; font-size:0.12rem;}
.PeiJdNavSP{padding:0.06rem 0 0.1rem;}
.PeiJdrad{ color:#757575; height:0.22rem;}
.PeiJdrad input[type="radio"]{border:0.01rem solid #e7e8e9;width:0.12rem;height:0.12rem;}
.PeiJdrad input[type="radio"]:checked{border:0.03rem solid #174098;}
.PeiJdrad p{ margin-left:0.06rem; line-height:0.18rem;}
.PeiJdche{height: 0.22rem;}
.PeiJdche input[type="checkbox"]{border:0.01rem solid #e7e8e9;width:0.12rem;height:0.12rem;}
.PeiJdche input[type="checkbox"]:checked{border:0.03rem solid #174098;}
.PeiJdche p{ margin-left:0.06rem; line-height:0.18rem;}

.PeiJdNavU{ border-top:0.01rem solid #e9e6e6;}
.PeiJdNavU li{ padding:0.06rem 4%;border-bottom:0.01rem solid #e9e6e6;}
.PeiJdNavA{height:0.24rem;}
.PeiJdNavA p{line-height:0.2rem; font-size:0.12rem;}
.PeiJdNavA i{width:0.1rem; height: 0.1rem;}
.PeiJdNavA i:before{ width:0.1rem; height:0.02rem;}
.PeiJdNavA i:after{ height:0.1rem; width:0.02rem;}
.PeiJdNavU li .on  i:after{height:0; width:0;}
.PeiJdss{ font-size:0.11rem;padding:0.2rem 4% 0.05rem;}
.PeiJdss p{line-height:0.2rem;}
.PeiJdssF{line-height:0.2rem; padding:0 0.06rem;margin-right:0.04rem; margin-bottom:0.04rem;}
.Peiclose{width:0.1rem; height:0.1rem;top:-0.05rem; right:-0.04rem;}

.PeiJdR{padding:0.06rem 4% 0.15rem;width:100%;}
.PeiJdRN{padding-bottom:0.15rem;}
.PeiJdRa{padding:0.1rem 0; border-bottom:0.01rem solid  #efefef;}
.PeiJdRI{ width:1rem; height:0.65rem;}
.PeiJdRP{width:100%; flex:1; margin-left: 0.14rem}
.PeiJdRPH{ font-size:0.13rem; line-height:0.18rem;}
.PeiJdRPF{ font-size:0.12rem;line-height:0.16rem; margin-bottom:0.05rem;}
.PeiJdRPs{font-size:0.1rem; line-height:0.14rem; height:0.25rem;}
}

.Color1{ color:#174098;}

/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/
/*****************
-----新修改配套-对配产品列表-----
*****************/
@media  screen and ( min-width:1440px){
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
}
@media screen and (max-width:1279px ) and ( min-width:960px){
}
@media screen and (max-width:959px ) and ( min-width:640px){
}
@media only screen and (max-width:639px){
}

 